<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/inc/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>页面正在建设中！</title>
	<meta name="keywords" content="" />
    <meta name="description" content="LarryCMS Version:1.09" />
	<meta name="Author" content="larry" />
	<meta name="renderer" content="webkit">	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">	
	<meta name="apple-mobile-web-app-capable" content="yes">	
	<meta name="format-detection" content="telephone=no">	
	<link rel="Shortcut Icon" href="/favicon.ico" />
	<!-- load css -->
	<link rel="stylesheet" type="text/css" href="${path }/common/frame/layui/css/layui.css" media="all">
  <link rel="stylesheet" type="text/css" href="${path }/common/css/animate.css" media="all">
  <link rel="stylesheet" type="text/css" href="${path }/common/css/gobal.css" media="all">
	<style type="text/css">
  html,body{height: 100%;width: 100%;}
		.pages{
             background: url('${path}/system/images/temp-bg.jpg') center top no-repeat;
             background-size: cover;
		}
        .test{
        	max-width: 600px;
        	margin: 0 auto;
        	padding: 100px 30px 60px;
            margin-bottom: 30px;
            font-size: 26px;
            font-family: "宋体"；
            font-weight:normal;
            line-height: 30px;
        }
        .test h1 {
          margin-bottom: 0;
          font-size: 26px;
          line-height: 1.3;
          letter-spacing: -1px;
          color: #fff;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: 2px solid #ccc;
        }
        .test h1 em{
        	color: #01AAED;
        }
        .test h1 span#tit{
        	color:#FF5722;
        	margin-right: 10px;
        }
        .test p{
        	text-align: right;
        	line-height: 25px;
        	margin-top: 20px;
        	font-size: 20px;
        	color: #ffffff;
        }
        .test h1 .three{
            color: #B00D80;
        }
.animate {
	display: inline-block;
    font-size: 26px;

}
.animate span:nth-of-type(2) {
  animation-delay: .05s;
}

.animate span:nth-of-type(3) {
  animation-delay: .1s;
}

.animate span:nth-of-type(4) {
  animation-delay: .15s;
}

.animate span:nth-of-type(5) {
  animation-delay: .2s;
}

.animate span:nth-of-type(6) {
  animation-delay: .25s;
}

.animate span:nth-of-type(7) {
  animation-delay: .3s;
}

.animate span:nth-of-type(8) {
  animation-delay: .35s;
}

.animate span:nth-of-type(9) {
  animation-delay: .4s;
}

.animate span:nth-of-type(10) {
  animation-delay: .45s;
}

.animate span:nth-of-type(11) {
  animation-delay: .5s;
}

.animate span:nth-of-type(12) {
  animation-delay: .55s;
}

.animate span:nth-of-type(13) {
  animation-delay: .6s;
}

.animate span:nth-of-type(14) {
  animation-delay: .65s;
}
.animate span:nth-of-type(15) {
  animation-delay: .7s;
}
.three span {
  color: #b10e81;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #b10e81;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: #b10e81;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #00f0ff;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #b10e81;
  }
}
	</style>
</head>
</head>
<body class="pages">
<div class="larry-wrapper">
	<div class="test animated rotateIn">
		<h1>

		  <em>您访问的：</em><span id="tit"></span>  
           <div class="animate three" id="animates">
                <span>-</span><span>-</span><span>-</span><span>页</span><span>面</span><span>目</span><span>前</span><span>正</span><span>在</span><span>建</span><span>设</span><span>中</span><span>.</span><span>.</span><span>.</span>
           </div>
		</h1>
		<p>---By OneManage</p>
	</div>
</div>
<!-- 加载js文件 -->
<script type="text/javascript" src="${path }/common/frame/layui/layui.js"></script> 
<script type="text/javascript" src="${path }/system/js/common.js"></script> 
<!-- 引入当前页面js文件 -->
<script type="text/javascript">
layui.use('layer',function(){
  var layer = layui.layer;
  var $ = layui.jquery;
  (function() {
    var content = $(window.parent.document).find('#larry_tab_title');
    var title = $('.layui-this', content).children('em').text();
    $('#tit').text(title);
  })();

  function animateTo(){
    var classes =  $('#animates').attr('class');
        $('#animates').attr('class', 'animate');
        var indicator = $('#animates');
        setTimeout(function(){ 
          $(indicator).addClass(classes);
        }, 300);
  }
    var timer = setInterval(animateTo,2000);
})
</script>
</body>
</html>